<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/plantillas/sacoGuestIndexTemplate.xhtml">
	<ui:define name="content">
 <h:panelGrid columns="2" cellpadding="10">
  <f:view>
   <h:form>
    <p:wizard flowListener="#{registroUsuarioBean.onFlowProcess}" styleClass="form">
     <p:tab id="registroUsuario" title="Usuario">
      <p:panel header="Registro Usuario">
      <h:panelGrid columns="2" cellpadding="5">
      <p:outputLabel value="Usuario: "></p:outputLabel><p:inputText  value="#{registroUsuarioBean.usuario.usuario}"></p:inputText>
      <p:outputLabel value="Password:"></p:outputLabel><p:password   value="#{registroUsuarioBean.usuario.password}"></p:password>
      <p:outputLabel value="Password:"></p:outputLabel><p:password   value="#{registroUsuarioBean.usuario.password}"></p:password>
      <p:outputLabel value="Correo: "></p:outputLabel> <p:inputText  value="#{registroUsuarioBean.usuario.correo}"></p:inputText>      
      </h:panelGrid>
      </p:panel>
     </p:tab>
     <p:tab id="registroUnidadH" title="Unidad Habitacional">
     <p:panel header="Registro Unidad Habitacional">
     <h:panelGrid columns="2" cellpadding="5">
      <p:outputLabel value="Nombre: "></p:outputLabel><p:inputText value="#{registroUsuarioBean.unidadH.nombreUnidad}"></p:inputText>
      <p:outputLabel value="Dirección: "></p:outputLabel><p:inputText value="#{registroUsuarioBean.unidadH.direccion}"></p:inputText>
      <p:outputLabel value="N° viviendas: "></p:outputLabel><p:spinner value="#{registroUsuarioBean.unidadH.numeroViviendas}"></p:spinner>
      <p:commandButton value="Guardar Usuario"  action="#{registroUsuarioBean.insertarUsuario}" ></p:commandButton>      
     </h:panelGrid>
     </p:panel>     
     </p:tab>
    </p:wizard>
    <p:commandLink value="Inicio" action="#{registroUsuarioBean.getPaginaInicio}"></p:commandLink>    
   </h:form>
  </f:view>
 </h:panelGrid>
</ui:define>
</ui:composition>
</html>